<template>
  <div>
    <Card>
      <h3>工作台</h3>
      <br />
      <Row>
        <Col :span="2">
          <img src="../../assets/me.jpg" class="image" />
        </Col>
        <Col :span="16">
          <h4>早上好，liz，开始您一天的工作吧</h4>
          <br />
          <p>
            <Icon
              type="md-sunny"
              style="color: rgb(232, 93, 25)"
            />今日晴空万里，22℃-35℃，也希望您的心情也一样
          </p>
        </Col>
        <Col span="2"
          ><Icon type="md-folder" style="color: #40a9ff" />项目代办
          <h3>15/7项</h3></Col
        >
        <Col span="2"
          ><Icon type="md-hammer" style="color: red" />项目数
          <h3>7项</h3></Col
        >
        <Col span="2"
          ><Icon type="ios-hand" style="color: green" />积分
          <h3>6694</h3></Col
        >
      </Row>
    </Card>
    <br />
    <Row>
      <Col span="16">
        <Card>
          <p slot="title">
            <Icon type="ios-film-outline" style="color: #40a9ff"></Icon>
            我的项目
          </p>
          <Row>
            <Col span="8">
              <Card>
                <div style="text-align: center">
                  <img src="../../assets/1.png" />
                </div>
              </Card>
              <Card>
                <div style="text-align: center">
                  <img src="../../assets/5.png" />
                </div>
              </Card>
            </Col>
            <Col span="8">
              <Card>
                <div style="text-align: center">
                  <img src="../../assets/7.jpg" />
                </div>
              </Card>
              <Card>
                <div style="text-align: center">
                  <img src="../../assets/2.png" />
                </div>
              </Card>
            </Col>
            <Col span="8">
              <Card>
                <div style="text-align: center">
                  <img src="../../assets/3.png" />
                </div>
              </Card>
              <Card>
                <div style="text-align: center">
                  <img src="../../assets/4.png" />
                </div>
              </Card>
            </Col>
          </Row>
        </Card>
      </Col>
      <Col span="7">
        <Card>
          <p slot="title">
            <Icon type="md-build" style="color: pink" />快捷操作
          </p>
          <a href="#" slot="extra">
            <Icon type="md-settings" />
          </a>
          <Row style="text-align: center">
            <Col span="8"
              ><Icon type="md-home" style="color: #52c41a; font-size: 30px" />
              <h4>主控台</h4>
              <br /><Icon
                type="md-search"
                style="color: #189eff; font-size: 30px"
              />
              <h4>搜索</h4></Col
            >
            <Col span="8"
              ><Icon
                type="ios-paper-outline"
                style="color: orange; font-size: 30px"
              />
              <h4>表单</h4>
              <br /><Icon
                type="ios-construct-outline"
                style="color: #722ed1; font-size: 30px"
              />
              <h4>设置</h4></Col
            >
            <Col span="8"
              ><Icon type="ios-menu" style="color: orange; font-size: 30px" />
              <h4>列表</h4>
              <br /><Icon
                type="ios-stats"
                style="color: gold; font-size: 30px"
              />
              <h4>统计</h4></Col
            >
            <Divider />
            <img src="../../assets/1.png" style="height:160.5px"/>
          </Row>
        </Card>
      </Col>
    </Row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value2: 0
    }
  }
}
</script>

<style lang="less" scoped>
.image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
img {
  width: 100%;
  height: 100%;
}
</style>
